<template>
  <div class="home">
    <Header></Header>
    <el-container>
      <el-aside style="width: 200px;"><Aside></Aside></el-aside>
      <el-container>
        <el-main><router-view style="margin-top: 70px;"></router-view></el-main>
        <el-footer><Footer></Footer></el-footer>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import Aside from "@/components/Layout/Aside";
import Header from "@/components/Layout/Header";
import Footer from "@/components/Layout/Footer";


console.log(window.innerHeight)
console.log(window.innerWidth)
export default {
  name: "HomePage",
  components: { Footer, Header, Aside}
}
</script>

<style scoped>
*{
  margin: 0;
  padding: 0;
}
.home{
  min-width: 992px;
}
</style>